import ImgCompress from "./index";
function checkEnv() {
    return window.environment === "edit";
}

function getAttribute() {

}
function checkUrlType(url) {
    let reg = /^data.*$/;
    // let flag = reg.test(url);
    // reg.lastIndex = 0;
    // return flag;
    return reg.test(url);
}
window.index = 0;
function install(Vue, options) {
    //定义全局指令
    
    Vue.directive("localization", {
        index: 0,
        //bind只执行一次
        bind: function (el, binding, vnode, oldVnode) {
            // console.log(el);
            // setTimeout(() => {
            //     // console.log(el);
            //     let compInstance = new ImgCompress({
            //         originSrc: el.getAttribute("src"),
            //         success: (data) => {el.src = data},
            //     });
            //     // console.log(compInstance.initTempImg());
            // }, 1000);
            setTimeout(() => {
                if (!checkUrlType(el.getAttribute("src"))) {
                    console.log("需要本地化", el.getAttribute("src"));
                    let compInstance = new ImgCompress({
                        originSrc: el.getAttribute("src"),
                        success: (data) => {
                            el.src = data;
                            // el.setAttribute("src", data);
                            console.log("sdsdsdsdsdsdsdsdsdds", el);
                        },
                    });
                }
            }, 3000);
            
            
        },
        update:  (el, binding, vnode, oldVnode) => {
            
            // window.index++;
            // console.log(this.index);
            // if (window.index > 3) {
            //     return;
            // }
            // if (!checkUrlType(el.getAttribute("src"))) {
            //     console.log("需要本地化");
            //     let compInstance = new ImgCompress({
            //         originSrc: el.getAttribute("src"),
            //         success: (data) => {
            //             el.src = data;
            //             console.log("sdsdsdsdsdsdsdsdsdds", el);
            //         },
            //     });
            // }
            // console.log("oldValue", binding.oldValue);
            // console.log("value", binding.value);
            // console.log(binding.value.src);
            // console.log("vnode", vnode.elm.getAttribute("src"));
            // console.log("oldVnode", oldVnode.elm.getAttribute("src"));
            // console.log("oldVnode", oldVnode);
            // console.log("vnode", vnode);
            // if (vnode.elm.getAttribute("src") === oldVnode.elm.getAttribute("src")) {
            //     return;
            // }
            // console.log("拿到新值");
        },
        componentUpdated: function (el, binding, vnode, oldVnode) {
            // console.log("el更新", el);
            // if (!checkUrlType(el.getAttribute("src"))) {
            //     console.log("需要本地化");
            //     let compInstance = new ImgCompress({
            //         originSrc: el.getAttribute("src"),
            //         success: (data) => {
            //             el.src = data;
            //             // el.setAttribute("src", data);
            //             // console.log("sdsdsdsdsdsdsdsdsdds", el);
            //         },
            //     });
            // }
            // console.log("vnode", vnode.elm.getAttribute("src"));
            // console.log("oldVnode", oldVnode.elm.getAttribute("src"));
            // vnode.elm
            // if (vnode.elm.getAttribute("src") == oldVnode.elm.getAttribute("src")) {
                // console.log("这是新的src", vnode.elm.getAttribute("src"));
                // return;
            // }
            // console.log("拿到新的src", vnode.elm.getAttribute("src"));
        }

    });
}


export default {
    install
}